<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

	<head>
		<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
		<title>苏宁</title>
		<link rel="stylesheet" href="__TEMPLATE__/css/publicUser.css" />
		<link rel="stylesheet" href="__TEMPLATE__/css/userInfo.css" />
		<script type="text/javascript">
		var controller = '__CONTROLLER__';
		var root = '__ROOT__';
		</script>
		<script type="text/javascript" src="__TEMPLATE__/js/jquery-1.7.2.min.js"></script>
	<script type="text/javascript" src="__TEMPLATE__/js/public.js"></script>
	<script type="text/javascript" src="__TEMPLATE__/js/userInfo.js"></script>
    <script type="text/javascript" src="__STATIC__/uploadify/jquery.uploadify.min.js"></script>
    <link href="__STATIC__/uploadify/uploadify.css" type="text/css" rel="stylesheet"></link>
   

	</head>

	<body>

		<!-- 头部开始 -->
		<include file="__TEMPLATE__/sHeader"/>
		<!-- 头部结束 -->
<!--新导航菜单开始-->
<div id="newwarp">  <!--100%宽度-->
			<include file="__TEMPLATE__/sNav"/>		
<!-- 用户中心主体内容开始 -->
<div class="clear"></div>
<div id="usermain">
	<div id="userleft">

				<!-- 用户中心左侧功能列表 -->
				<include file="__TEMPLATE__/userLeft"/>		
			<!-- 用户中心左侧功能列表结束 -->
	</div>
	<div id="userRight">
	<div class="userTit">
		<li>
			个人信息
		</li>
		<li>
			修改头像
		</li>
		<li>
			修改密码
		</li>
	</div>
	<div class="userContent">
	<!-- tab1用户资料 -->
		
		<div class="tab1">
			<form action="__CONTROLLER__/userInfoEdit" method="post">
			<div class="userImg">
				<li class="leftTit"><span>*</span>头像:</li>
				<li class="rightImg"><img src="__TEMPLATE__/images/touxiang/{$userInfo.img_url}" alt="" /></li>
			</div>
			<div class="userInput">
				<li class="left"><span>*</span>用户名:</li>
				<li class="rightInput username">
					{$userInfo.username}
				</li>
				<li class="left"><span>*</span>昵称：</li>
				<li class="rightInput">
					<input type="text" name='nickname'  value="{$userInfo.nickname}" />
					<!--<div class=""><span class="alert"></span>姓名不能为空</div>-->
				
					<!-- <div class=""><span class="error"></span>姓名不能为空</div> -->
				</li>
								<li class="left"><span>*</span>真实姓名：</li>
				<li class="rightInput">
					<input type="text" name='name' value="{$userInfo.name}" />
				</li>
			<li class="left"><span>*</span>手机：</li>
				<li class="rightInput">
					<input type="text" name='tel' value="{$userInfo.tel}" />
				</li>
			<li class="left"><span>*</span>邮箱：</li>
				<li class="rightInput">
					<input type="text" name='email' value="{$userInfo.email}" />
				</li>
								
				<li class="left"><span>*</span>居住地址:</li>
				<li class="rightInput">
					<input type="text" name='address' value="{$userInfo.address}" width="150" />
				</li>
				<li>
					<input type="submit" class="saveUserInfo" value="保存" />
				</li>
			</div>
			</form>
		</div>
		
		<!-- tab1用户资料 结束 -->
		<!-- tab2修改图像 -->
		
<div class="tab1 nodisplay">
	<form action="__CONTROLLER__/edituUserImg" method="post">
			<div class="userImg ">
				<div class="tabtie">
					<li><span class="customHover"></span>自定义头像</li>
					<li><span class="systemHover"></span>系统推荐头像</li>
				</div>
				<!-- tab1自定义用户头像 -->

				<div class="uuserImgTb1 ">
				<li class="ImgMessage">温馨提示：仅支持JPG、GIF、PNG、BMP图片文件，且文件小于5M</li>
					<div class="imgup ">
						<div class="imgupload">
							 <input id="listIMg" type="file" name="" multiple="true">
                <span>类型: *.jpg 大小: 2000KB</span>
                <script type="text/javascript">
                    $(function() {
                        $('#listIMg').uploadify({
                            'formData'     : {//POST数据
                                '<?php echo session_name();?>' : '<?php echo session_id();?>',
                            },
                            'fileTypeDesc' : '上传文件',//上传描述
                            'fileTypeExts' : '*.jpg',
                            'swf'      : '__STATIC__/uploadify/uploadify.swf',
                            'uploader' : '{|U:"index/member/uploadUserImg"}',
                            'buttonText':'选择文件',
                            'fileSizeLimit' : '2000KB',
                            'uploadLimit' : 5,//上传文件数
                            'width':65,
                             //'debug':true,
                            'height':25,
                            'successTimeout':10,//等待服务器响应时间
                            'removeTimeout' : 0.2,//成功显示时间
                            'onUploadSuccess' : function(file, data, response) {
                            	data=$.parseJSON(data);
                               $('.rightImg img').attr('src',root+'/Template/default/images/touxiang/'+data.userimg);
                            }
                        });
                    });
                </script>
						</div>
						<div class="imgsee ">
							<li class="leftTit">头像预览:</li>
							<li class="rightImg">
							<img src="__TEMPLATE__/images/touxiang/{$userInfo.img_url}" alt="" /></li>
							<li class="word">120X120</li><li class="word saveBackInfo"></li>
							<li class="nopadding"><input class="saveBbutton s1" type="button" value="保存头像" /></li>
							<li ><input class="button" type="button" value="取消" /></li>
						</div>
					</div>
				</div>
				<!-- tab1自定义用户头像 结束 -->
				<!-- tab1系统头像 -->

				<div class="uuserImgTb1" style="display:block">
					<div class="imgLeft">
						<li>头像预览120*120</li>
						<li><img src="__TEMPLATE__/images/touxiang/{$userInfo.img_url}" alt="" class="userImgChoose" /></li>
					</div>
					<div class="imgright">
						<li class="borderOn"><i></i></li>
						<li><img src="__TEMPLATE__/images/touxiang/0000000000_01_120x120.jpg" alt="" width="59"  height="59" /></li>
						<li><img src="__TEMPLATE__/images/touxiang/0000000000_02_120x120.jpg" alt="" /></li>
						<li><img src="__TEMPLATE__/images/touxiang/0000000000_03_120x120.jpg" alt="" /></li>
						<li><img src="__TEMPLATE__/images/touxiang/0000000000_04_120x120.jpg" alt="" /></li>
						<li><img src="__TEMPLATE__/images/touxiang/0000000000_05_120x120.jpg" alt="" /></li>
						<li><img src="__TEMPLATE__/images/touxiang/0000000000_06_120x120.jpg" alt="" /></li>
						<li><img src="__TEMPLATE__/images/touxiang/0000000000_07_120x120.jpg" alt="" /></li>
						<li><img src="__TEMPLATE__/images/touxiang/0000000000_08_120x120.jpg" alt="" /></li>
						<li><img src="__TEMPLATE__/images/touxiang/0000000000_09_120x120.jpg" alt="" /></li>
						<li><img src="__TEMPLATE__/images/touxiang/0000000000_10_120x120.jpg" alt="" /></li>
						<li><img src="__TEMPLATE__/images/touxiang/0000000000_11_120x120.jpg" alt="" /></li>
						<li><img src="__TEMPLATE__/images/touxiang/0000000000_12_120x120.jpg" alt="" /></li>
						<li><img src="__TEMPLATE__/images/touxiang/0000000000_13_120x120.jpg" alt="" /></li>
						<li><img src="__TEMPLATE__/images/touxiang/0000000000_14_120x120.jpg" alt="" /></li>
						<li><img src="__TEMPLATE__/images/touxiang/0000000000_15_120x120.jpg" alt="" /></li>
						<li><img src="__TEMPLATE__/images/touxiang/0000000000_16_120x120.jpg" alt="" /></li>
						<li><img src="__TEMPLATE__/images/touxiang/0000000000_17_120x120.jpg" alt="" /></li>
						<li><img src="__TEMPLATE__/images/touxiang/0000000000_18_120x120.jpg" alt="" /></li>
						<li><img src="__TEMPLATE__/images/touxiang/0000000000_19_120x120.jpg" alt="" /></li>
						<li><img src="__TEMPLATE__/images/touxiang/0000000000_20_120x120.jpg" alt="" /></li>
						<li><img src="__TEMPLATE__/images/touxiang/0000000000_21_120x120.jpg" alt="" /></li>
						<li><img src="__TEMPLATE__/images/touxiang/0000000000_22_120x120.jpg" alt="" /></li>
						<li><img src="__TEMPLATE__/images/touxiang/0000000000_23_120x120.jpg" alt="" /></li>
						
						<div class="clear"></div>
						<div class="saveBbutton"><input type="button" class="saveUserInfo s2" value="保存"/><span class ="saveBackInfo"></span></div>
					</div>
				</div>
				<!-- tab1系统头像 结束 -->
			</div>
				</form>
		</div>


		<!-- tab2修改图像 -->
		<!-- tab3修改密码 -->
<div class="tab1 nodisplay">
			<form action="__CONTROLLER__/editPassword" method="post">
			<div class="userInput">
				<li class="left"><span>*</span>用户名:</li>
				<li class="rightInput">
					{$userInfo.username}
					<input type="hidden" value="{$userInfo.username}" name="username" />
				</li>
				<li class="left"><span>*</span>原始密码：</li>
				<li class="rightInput">
					<input type="password" name='password' class="password" />
					<!--<div class=""><span class="alert"></span>姓名不能为空</div>-->
				
					<!--<div class=""><span class="error"></span>姓名不能为空</div>-->
				</li>
								<li class="left"><span>*</span>新密码：</li>
				<li class="rightInput">
					<input type="password" name='password1' class="password1" />
				</li>
			<li class="left"><span>*</span>密码确认：</li>
				<li class="rightInput ">
					<input type="password" name='password2' class="password2" />
					<div class="pwd2alert erroralert"><span class="alert " ></span >两次密码不一致</div>
				</li>
			
				<li>
					<input type="submit" class="saveUserInfo editpw" value="修改" />
				</li>
			</div>
			</form>
		</div>
		
		<!-- tab3修改密码 -->
	</div>
	</div>
</div>
<!-- 用户中心主体内容结束 -->
<!-- main结束 -->
				<div class="clear"></div>
				<!-- foot开始 -->
			<include file="__TEMPLATE__/bFooter"/>
				<!-- foot结束 -->
	</body>

</html>